---
title: Architecture
---

import Image from "next/image";
import architecture from "@/assets/docs/architecture.png";

### Architecture

`assistant-ui` consists of two parts, **_Runtime_** and **_UI Components_**.

<Image
  src={architecture}
  alt="Architecture diagram, UI components connected to the runtime layer and the runtime layer connected to LLM and tools"
  height={300}
  className="mx-auto my-2 dark:hue-rotate-180 dark:invert"
/>

The Runtime and UI Components each require independent setup and both must be set up.
